<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>My HomePage</title>
		<script type="text/javascript" src="js/jquery-3.1.1.js" ></script>
		<script type="text/javascript" src="js/jqueryRotate.js" ></script>
		<script type="text/javascript" src="js/menuClick.js" ></script>
		<script type="text/javascript" src="js/switchIMG.js" ></script>
        <script type="text/javascript" src="js/login.js" ></script>
        <script type="text/javascript" src="js/music.js" ></script>
        <link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/firstPage.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/music.css" />
	</head>
	<body onselectstart="return false" ondragstart="return false">
		<!--首页容器-->
		<div class="firstPage">
			<div class="background">
				<img src="img/bg3.jpg" class="backgroundIMG" id="bg1"/>
				<img src="img/bg2.jpg" class="backgroundIMG" id="bg2"/>
		 		<img  class="backgroundIMG" id="bg3"/>
			</div>
			<div class="bgTextDiv">
				<p class="bgText">Arksiar</p>
			</div>
			<div class="leftDiv">
				<img class="toLeft" src="img/toLeft.png" />
			</div>
			<div class="rightDiv">
				<img class="toRight" src="img/toRight.png" />
			</div>
			
			<!--首页菜单容器-->
			<div class="menuDiv">
				<!--菜单按钮容器-->
				<div class="menu">
					<img src="img/menuBlack.png" class="menuIcon"/>
					<div class="menuAll">
					    <!--菜单按钮文字容器-->
						<div class="menuText" id="menuText1">
							<a class="menuA1" href="https://git.oschina.net/arksiar/arksiar">源码</a>
				    	</div>
				    	<div class="menuText" id="menuText2">
							<a class="menuA2" href="https://git.oschina.net/arksiar/arksiar">了解</a>
				    	</div>
					    <div class="menuText" id="menuText3">
							<a class="menuA3" href="https://git.oschina.net/dashboard/projects">更多</a>
					    </div>
					</div>
				</div>
				<!--首页菜单导航栏文字容器-->
				<div class="bannerTextDiv">
					<!--导航栏文字无序列表-->
					<ul>
						<li><a href="####" class="bannerText" id="home">Home</a></li>
						
						<li><a href="####" class="bannerText" id="loginText">Login</a></li>
					</ul>
		        </div>
			</div>
		</div>
		<!--遮罩层-->
		<div id="mask">
		</div>
		<!--登陆弹出窗容器-->
		<div id="loginDiv" >
			<div id="login">
				<!--关闭按钮-->
				<img class="login_close" src="img/close.png"/>
				<div class="login_Imformation">
					<div class="userName">
						<label>Username:</label>
						<input class="userName_Input" type="text" name="username" placeholder="  your username"/>
					</div>
					<div class="passWord">
						<label>Password:</label>
						<input class="passWord_Input" type="password" name="password" placeholder="  your password"/>
					</div>
					<div class="login_btn">
						<p>LOGIN</p>
					</div>
				</div>
				
			</div>
		</div>
		<div class="playerDiv">
			<img src="img/playerBg1.jpg" id="playerBg"/>
			<div class="playBTN_DIV">
				<img src="img/上一首.png" id="lastSong"/>
				<img src="img/播放.png" id="playBTN"/>
				
				<div id="songTime">
					<div id="timeBlack"></div>
				</div>
				<img src="img/声音.png" id="sound"/>
				<div class="controlVoice">
					<div class="drag_btn"></div>
				</div>
				<img src="img/下一首.png" id="nextSong"/>
				<img src="img/音乐列表_块.png" id="music_list"/>
				<img src="img/歌词.png" id="lyric"/>
			</div>
			<audio id="music" src="http://musics.gimhoy.com/mp3/750c5b14805f0370e49c7a7c70ca5b9e.mp3" autoplay="autoplay">
				你的浏览器不支持音乐播放器
			</audio>
			<div id="song_list">
				<div class="songList" id="song_list1">
					<img src="gif/playing.gif" class="playPic" id="playPic1"/>
					<p>期待爱 - 林俊杰</p>
					<img src="img/完成.png" class="loading" />
				</div>
				<div class="songList" id="song_list2">
					<img src="gif/m.gif" class="playPic" id="playPic2"/>
					<p>成都 - 赵雷</p>
					<img src="img/完成.png" class="loading" />
				</div>
				<div class="songList" id="song_list3">
					<img src="gif/m.gif" class="playPic" id="playPic3"/>
					<p>凉凉- 张碧晨、杨宗纬</p>
					<img src="img/完成.png" class="loading"/>
				</div>
			</div>
		</div>
		
	</body>
</html>
